body {
    background: #555;
}

#container {
    position: relative;
    margin: auto;
    width: 700px;
    top: 5%;
    text-align: center;
}

#container a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 0px 2px 1px #333;
    /*-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;*/
    /*box-shadow: rgba(0, 0, 0, 1) 0 1px 0;*/

    text-shadow: rgba(0, 0, 0, .4) 0 5px 0;
    color: white;

    font-family: 'Bowlby One SC', serif;
    text-decoration: none;
    vertical-align: middle;

    border: none;
    display: inline-block;
    margin: 5px;
}

a.menu {
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    padding: 10px 30px;
    width: 350px;
    height: 55px;
    line-height: 55px;
    font-size: 28px;
}

a.menu:hover {
    -webkit-transition: all .3s ease-in-out;
    /*-webkit-transform: scale(1.1);*/
    /*font-size: 32px;*/
    background: #28597a;
    /*text-shadow: rgba(0, 0, 0, .4) 0 8px 0;*/
    /*-webkit-box-shadow: 0px 5px 3px #333;*/

    /*height: 75px;*/
    width: 400px;
    /*line-height: 75px;*/
}

a.menu:active {
    background: #1b435e;
}

#container h1 {
    font-family: 'Permanent Marker', serif;
    font-size: 72px;
    color: white;
    text-shadow: rgba(0, 0, 0, .4) 0 3px 3px;

}

.sub-container {
    width: 100%;
    background: white;
    border-radius: 5px;
    padding: 20px;
}

.sub-container div {
    margin-bottom: 25px;
    font-size: 18px;
    font-family: 'Play', serif;
}

a.linkgoogle {
    background: rgb(41, 154, 11); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(41, 154, 11, 1)), color-stop(100%, rgba(41, 154, 11, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#299a0b', endColorstr = '#299a0b', GradientType = 0); /* IE6-9 */

    background: linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* W3C */
    width: 350px;
    font-size: 24px;
    height: 35px;
    line-height: 35px;
}

a.linkgoogle:hover {
    -webkit-transition: all .3s ease-in-out;
    width: 400px;
}

a.linkgoogle:active {
}


a.doc {
    background: rgb(41, 154, 11); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(41, 154, 11, 1)), color-stop(100%, rgba(41, 154, 11, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#299a0b', endColorstr = '#299a0b', GradientType = 0); /* IE6-9 */

    background: linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(41, 154, 11, 1) 100%); /* W3C */
    width: 500px;
    font-size: 24px;
    height: 35px;
    line-height: 35px;
}

a.doc:hover {
    -webkit-transition: all .3s ease-in-out;
    width: 550px;
}

a.doc:active {
}

li{
    list-style: none;
}
